<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HENGWANG</title>
	
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<div class="container">
  <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">解决方案</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">产品展示</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">客户案例</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">服务中心</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">新闻动态</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">关于我们</a>
      </li>
      <li class="nav-item link1">
        <a class="nav-link" href="#">招贤纳士</a>
      </li>
    </ul>
    
  </div>
  </div>
</nav>
	

<div class="bd-example">
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        
        <div class="carousel-caption d-none d-md-block">
          <h2>全方位解决方案</h2>
          <h3>为您轻松解决不同问题</h3>
          <p>比客户更懂客户</p>
        </div>
        <img src="img/banner1.png" alt="">
      </div>
      <div class="carousel-item">
        <div class="carousel-caption d-none d-md-block">
          <h2>全方位解决方案</h2>
          <h3>为您轻松解决不同问题</h3>
          <p>比客户更懂客户</p>
        </div>
        <img src="img/banner1.png" alt="">
      </div>
      <div class="carousel-item">
        <div class="carousel-caption d-none d-md-block">
         <h2>全方位解决方案</h2>
          <h3>为您轻松解决不同问题</h3>
          <p>比客户更懂客户</p>
        </div>
        <img src="img/banner1.png" alt="">
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>


<div class="main1">
	<div class="container">
		<div class="main1-1">
			<h3><img src="img/dengpao.png" alt=""> 解决方案</h3>
			<p>Solutions</p>
		</div>
		<div class="row main1-2">
			<div class="col-12 col-md-3">
				<img src="img/img1.png" alt="">
				<h5>网站、移动网站</h5>
				<p>微信公众号开发移动网站微信公众号开发</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img2.png" alt="">
				<h5>网站、移动网站</h5>
				<p>微信公众号开发移动网站微信公众号开发,解决方案</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img3.png" alt="">
				<h5>网站、移动网站</h5>
				<p>微信公众号开发移动网站微信公众号开发,解决方案</p>
			</div>
			<div class="col-12 col-md-3">
				<img src="img/img4.png" alt="">
				<h5>网站、移动网站</h5>
				<p>微信公众号开发移动网站微信公众号开发,解决方案</p>
			</div>
		</div>
	</div>
</div>

<div class="main2">
	<div class="main2-1">
		<h3><img src="img/xiangzi.png" alt=""> 客户案例
		</h3>
			<p>Customer Case</p>
	</div>
	<div class="main2-2">
		<div class="row">
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-1.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-2.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-3.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-4.png" alt="">
			</div>
		</div>
		<div class="row">
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-5.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-6.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-7.png" alt="">
			</div>
			<div class="col-12 col-md-3">
				<img class="w-100" src="img/img-8.png" alt="">
			</div>
		</div>
	</div>	
</div>
<div class="main3">
	<div class="row">
		<div class="col-12 col-md-10">
			<h3>全方位解决方案，为您轻松解决不同问题</h3>
			<p>A full range of solutions for you to solve different problems</p>
		</div>
		<div class="col-12 col-md-2">
			<a href="#">查看更多 》</a>
		</div>
	</div>
</div>
<div class="main4">
	<div class="container">
		<div class="main4-1">
			<h3><img src="img/xin.png" alt=""> 新闻动态
			</h3>
			<p>Hengwang News</p>
		</div>
		<div class="row main4-2">
			<div class="col-12 col-md-6">
				<img src="img/tu1.png" alt="">
				<h4>关于召开年会的通知</h4>
				<p>互联网，又称网际网络或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之..</p>
				<a href="#">查看更多 》</a>
			</div>	
			<div class="col-12 col-md-6">
				<img src="img/tu2.png" alt="">
				<h4>关于召开年会的通知</h4>
				<p>互联网，又称网际网络或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之..</p>
				<a href="#">查看更多 》</a>
			</div>	
		</div>
	</div>
</div>

<div class="main5">
	<div class="container">
		<div class="main5-1">
			<h3><img src="img/fuwu.png" alt=""> 服务客户
			</h3>
			<p>Serve Customers</p>
		</div>
		<div class="main5-2">
			<div class="row">
				<div class="col"><img src="img/tubiao1.png" alt=""></div>
				<div class="col"><img src="img/tubiao2.png" alt=""></div>
				<div class="col"><img src="img/tubiao3.png" alt=""></div>
				<div class="col"><img src="img/tubiao4.png" alt=""></div>
				<div class="col"><img src="img/tubiao5.png" alt=""></div>
				<div class="col"><img src="img/tubiao1.png" alt=""></div>
				<div class="col"><img src="img/tubiao2.png" alt=""></div>
			</div>
		</div>
	</div>
</div>
<footer>
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-4 lian">
				<h5>联系我们</h5>
				<ul>
					<li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
					<li>电话：18238765101</li>
					<li>传真：(123)456-7890</li>
					<li>邮箱：support@vectorlab.com</li>
				</ul>
				<h5><img src="img/dianhua.png" alt=""> 027-82671661</h5>
			</div>
			<div class="col-12 col-md-4 xiang">
				<h5>相关链接</h5>
				<ul class="ul1">
					<li><a href="#">解决方案</a></li>
					<li><a href="#">服务中心</a></li>
				</ul>
				<ul class="ul2">
					<li class="li2"><a href="#">产品展示</a></li>
					<li class="li2"><a href="#">关于我们</a></li>
				</ul>
				<ul class="ul3">
					<li class="li2"><a href="#">客户案例</a></li>
					<li class="li2"><a href="#">招贤纳士</a></li>
				</ul>
			</div>
			<div class="col-12 col-md-4"></div>
		</div>
	</div>
</footer>





	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>